//打包的入口文件：webpack的入口起点文件
// 要打包，就要有个文件引入各个文件，webpack会根据这个文件，将引入的其他文件打包
import cjData from './js/table.json'
import '$css/public.css'   //在webpack.config.js文件中配置的路径的别名   $css: resolve(__dirname, './src/css')
import './css/test.less'
// import './js/my.js'   //这样写，直接将整个my.js全部引入
// import cj from './js/my.js'  //这样写，这里的cj就是my.js中export default出的指定东西，但是my.js中其他的仍然会执行，只是不能用cj来访问
// import * as cjObj from './js/my'  //  * as cjObj  表示引入my.js中所有内容，并作为cjObj对象可供调用

// 获取stores文件夹下所有js文件
/**
 * 参数：
 * 读取文件的路径 这里文件夹里有很多文件
 * 是否遍历文件的子目录 true 和 false
 * 匹配文件的正则 /.js$/===》表示只匹配尾缀为.js的文件
 */
// require.context 返回匹配成功模块的名字组成的 数组
// let requireContext = require.context('./js', true, /.js$/)
// requireContext.keys().forEach((key) => {
//   // 打印出一个数组，里面是这个目录下所有的.js文件名称
//   // console.log(requireContext.keys())
//   // 通过 requireContext(key)获得导出文件内容
//   const mod = requireContext(key)

// })


/**
 *! import动态导入语法    能将指定js文件单独打包成一个js文件  也用于懒加载（例如点击按钮后才import）
 * 通过在入口js文件中通过import动态导入语法，就能将指定js文件何时被import引入----》用于懒加载
 *  './js/my.js' ----》表示要单独打包的js位置
 * webpackChunkName:'my'--->表示设置单独打包后生成的这个js文件的名字 
 * webpackPrefetch: true---》表示开启 预加载
 * !预加载：在使用这个js文件之前就会加载好它，但是不运行   （在其他资源加载完成后，游览器空闲了，才偷偷加载好，要用的时候值即调用）
 */
import(/* webpackChunkName:'my' , webpackPrefetch: true */ './js/my.js').then((res) => {
  console.log('文件加载成功', res)
}).catch(() => {
  console.log('文件加载失败')
})

function test() {
  setTimeout(() => {
    console.log(1 + 5)
  })
}

test()
console.log(cjData)
// console.log(cj())
